<style>
.ncap-order-style .ncap-order-details {
    margin: 20px auto;
}
.ncap-order-details {
    position: relative;
    z-index: 1;
}
.ncap-order-details .tabs-panels {
    padding: 9px 19px;
}
.ncap-order-details .misc-info, .ncap-order-details .addr-note, .ncap-order-details .contact-info {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #E6E6E6;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
	margin:0;
}
.ncap-order-details .tabs-panels dl {
    font-size: 0;
    padding-bottom: 5px;
}
.ncap-order-details .tabs-panels dt {
    color: #999;
    width: 100px;
    text-align: right;
}
.ncap-order-details .tabs-panels dt, .ncap-order-details .tabs-panels dd {
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    display: inline-block;
	width:70px;
}
.ncap-order-details .tabs-panels dd {
    color: #333;
    min-width: 200px;
}
.ncap-order-details .misc-info, .ncap-order-details .addr-note, .ncap-order-details .contact-info {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #E6E6E6;
}
.ncap-order-details h4 {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #333;
    height: 20px;
    margin-bottom: 8px;
}
.ncap-order-details table {
    width: 100%;
}
table {
    border-collapse: collapse;
}
.ncap-order-details table tbody td {
    border-bottom: solid 1px #D7D7D7;
}
.ncap-order-details table .goods-thumb {
    width: 30px;
    height: 30px;
}
.ncap-order-details table .goods-thumb a {
    line-height: 0;
    background-color: #FFF;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 30px;
    height: 30px;
    overflow: hidden;
}
.ncap-order-details .misc-info, .ncap-order-details .addr-note, .ncap-order-details .contact-info {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #E6E6E6;
}
.contact-info h3, .contact-info .form_class {
    display: inline-block;
    vertical-align: middle;
}
body, td, input, textarea, select, button {
    color: #555;
    font-size: 12px;
    font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}
a.ncap-btn-green {
    background-color: #ec5151;
    border-color: #ec5151;
}
.modal-body{padding:0;}
a.ncap-btn-big {
    font: bold 14px/20px "microsoft yahei", arial;
    color: #777;
    background-color: #ECF0F1;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    height: 20px;
    padding: 7px 19px;
    border: solid 1px #BEC3C7;
    border-radius: 3px;
    cursor: pointer;
}
#note{height:30px;}
</style>
<form id="delivery-form" action="/index.php/Admin/order/deliveryHandle.html" method="post">
    <div class="ncap-order-details">
      <div class="tabs-panels">
        <div class="misc-info">
           <h3>基本信息</h3>
           		<dl>
           			<dt>订单号：</dt>
		            <dd>201702071145017310</dd>
		            <dt>下单时间：</dt>
		            <dd>2017-02-07 11:45</dd>
		            <dt>配送方式：</dt>
		            <dd>申通物流</dd>
		          </dl>
	              <dl>
	              	<dt>配送费用：</dt>
		            <dd>0.00</dd>
		            <dt>配送单号：</dt>
		            <dd><input class="input-txt" name="invoice_no" id="invoice_no" value=""></dd>
		            <dt></dt>
		            <dd></dd>
			       </dl>
        	</div>
        
        <div class="addr-note">
          <h4>收货信息</h4>
          <dl>
            <dt>收货人：</dt>
            <dd>张谷泉</dd>
            <dt>电子邮件：</dt>
            <dd>767684610@qq.com</dd>
            <dt>收货地址：</dt>
            <dd>五和大道五和商五和大道五和商五和大道五和商业广场2017</dd>
          </dl>
          <dl>
            <dt>邮编：</dt>
           	<dd>201110</dd>
           	<dt>电话：</dt>
           	<dd>13512345678</dd>
           	<dt>发票抬头：</dt>
           	<dd>个人</dd>
          </dl>
          
        </div>
  
         
        <div class="goods-info">
          <h4>商品信息</h4>
          <table>
            <thead>
              <tr>
                <th colspan="2">商品</th>
                <th>规格属性</th>
                <th>购买数量</th>
                <th>商品单价</th>
                <th>选择发货</th>
              </tr>
            </thead>
            <tbody>
                       	<tr>
                <td class="w30"><div class="goods-thumb"><a href="/index.php/admin/Goods/addEditGoods/id/39.html" target="_blank"><img alt="" src="/data/upload/20170315/58c8e584038c1.jpg" style="width:25px;height:25px;"/> </a></div></td>
                <td style="text-align: left;"><a href="/index.php/admin/Goods/addEditGoods/id/39.html" target="_blank">华为（HUAWEI） M2 10.0 平板电脑 WiFi 月光银</a><br></td>
                <td class="w80">尺寸:7寸及以下 内存:16G 颜色:银白色</td>
                <td class="w60">1</td>
                <td class="w100">2000.00</td>
                <td class="w60">
                	                        	<input type="checkbox" name="goods[]" value="1733" checked="checked">
                                    </td>
              </tr>
                        </tbody></table>
        </div>
        <div class="contact-info" style="margin-top:10px;">
          <h3>发货单备注</h3>
          <dl class="row">
	        <dt class="tit">
	          <label for="note">发货单备注</label>
	        </dt>
	        <dd class="opt" style="margin-left:10px">
	        <input type="hidden" name="order_id" value="1480">
	         <textarea id="note" name="note" style="width:600px" rows="6" placeholder="请输入操作备注" class="tarea"></textarea>
	        </dd>
	      </dl> 
	      <dl class="row">
	        <dt class="tit">
	          <label for="note">可执行操作</label>
	        </dt>
	        <dd class="opt" style="margin-left:10px">
	           	<div class="table-actions" style="margin-top:0px;">
					<button type="submit" class="btn btn-primary btn-small js-ajax-submit" data-action="/index.php?g=Admin&m=WeixinPublic&a=delete&type=1" style="width:80px;border-radius:3px;">确认发货</button>
				</div>
	        </dd>
	      </dl> 
        </div>
        <div class="goods-info">
          <h4>发货记录</h4>
          <table>
            <thead>
              <tr>
                <th>操作者</th>
                <th>发货时间</th>
                <th>发货单号</th>
                <th>收货人</th>
                <th>快递公司</th>
                <th>备注</th>
                <th>查看</th>
              </tr>
            </thead>
            <tbody>
                      </tbody></table>
        </div>
      </div>
  	</div>
  	</form>